<template>
  <br />
  <div style="background: #ececec; padding: 30px">
    <z-row :gutter="16">
      <z-col :span="12">
        <z-card>
          <z-statistic
            title="Feedback"
            :value="11.28"
            :precision="2"
            suffix="%"
            :value-style="{ color: '#3f8600' }"
            style="margin-right: 50px"
          >
            <template #prefix>
              <arrow-up-outlined />
            </template>
          </z-statistic>
        </z-card>
      </z-col>
      <z-col :span="12">
        <z-card>
          <z-statistic
            title="Idle"
            :value="9.3"
            :precision="2"
            suffix="%"
            class="demo-class"
            :value-style="{ color: '#cf1322' }"
          >
            <template #prefix>
              <arrow-down-outlined />
            </template>
          </z-statistic>
        </z-card>
      </z-col>
    </z-row>
  </div>
</template>
